<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>案例</title>
    <% include ../common/standard.ejs  %>
</head>
<body>
<div id="case">
    <% include ../common/header.ejs  %>
    <div class="navv">
        <ol class="breadcrumb container">
            <li><a href="#">首页</a></li>
            <li><a href="#">案例馆</a></li>
        </ol>
        <div class="title row">
            <div class="container">
                <img src="./img/designer-logo.png" alt="logo"/>案例馆
            </div>
        </div>
        <div class="banner"><img src="../img/banner/case.jpg" alt="banner"/></div>
        <dl class="filter container">
            <dt><a href="/case">全部</a></dt>
        </dl>
    </div>
    <div class="container-fluid main">
        <div class="row"></div>
    </div>
    <div class="container slogan">
        <div class="row">
            <div class="sl s1 col-xs-4 text-center">
                <i></i>
                <h3>最新新闻</h3>
                <p>就是看看借记卡</p>
            </div>
            <div class="sl s2 col-xs-4 text-center">
                <i></i>
                <h3>最新新闻</h3>
                <p>埃及空间卡接口数据库</p>
            </div>
            <div class="sl s3 col-xs-4 text-center">
                <i></i>
                <h3>24小时</h3>
                <p>礼金卡得考虑苦辣都看到</p>
            </div>
        </div>
    </div>
    <% include ../common/footer.ejs  %>
</div>
<script id="options-tpl" type="text/template">
    <dd class="condition" id="styles">
        <div class="name">风格：</div>
        <div class="item" data-code="">不限</div>
        {{_.each(data.styles, function (item) {}}
             <div class="item" data-code="{{= item.code }}">{{=item.name}}</div>
         {{})}}
    </dd>
    <dd class="condition" id="areas">
        <div class="name">面积：</div>
        <div class="item" data-code="">不限</div>
        {{_.each(data.areas, function (item) {}}
        <!--<div class="item">-->
            <!--<label>-->
                <!--<input type="checkbox" name="aa" value="{{=item.code}}">-->
                <!--{{=item.name}}-->
            <!--</label>-->
        <!--</div>-->
        <div class="item" data-code="{{= item.code }}">{{=item.name}}</div>
        {{})}}
        <div class="item range">
            <input type="text" class="min" id="min" placeholder="最小"/>
            -
            <input type="text" class="max" id="max" placeholder="最大"/>
            平
            <div class="btn btn-default area-filter">面积筛选</div>
        </div>
    </dd>
    <dd class="condition" id="rooms">
        <div class="name">类型：</div>
        <div class="item">不限</div>
        {{_.each(data.rooms, function (item) {}}
        <!--<div class="item">-->
            <!--<label>-->
                <!--<input type="checkbox" value="{{=item.code}}">-->
                <!--{{=item.name}}-->
            <!--</label>-->
        <!--</div>-->
        <div class="item" data-code="{{= item.code }}">{{=item.name}}</div>

        {{})}}
    </dd>
    <dd class="slide text-center"><i class="fa fa-angle-double-up"></i></dd>
</script>
<script id="case-item-tpl" type="text/template">
{{_.each(data, function(item){}}
    <div class="col-xs-3 designer">
        <a href="/case/detail?id={{=item.id}}">
            <div class="content">
                <div class="d-img">
                    <img src="{{=item.image}}" alt=""/>
                    <div class="d-content">
                        <div class="idea">{{=item.title}}</div>
                        <div class="date">
                            <em>{{=item.community}}</em>
                        </div>
                    </div>
                </div>
            </div>
        </a>
    </div>
{{})}}
</script>
<script src="../js/lib/requirejs/require.js"></script>
<script src="../js/config.js"></script>
<script src="../js/app/case/index.js"></script>
</body>
</html>